<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Aplicacion Rolemaster</title>
            <link rel="stylesheet" href="estilos.css" type="text/css">
        </head>
        <body>
            <h:panelGrid id="tablaPrincipal" columns="1" width="100%" styleClass="tablaPrincipal">
                <f:facet name="header">
                    <h:outputText value="ROLEMASTER - #{gestorExperiencias.partida.nombre}"/>
                </f:facet>
                <f:subview id="menuView">
                    <jsp:include page="menu.jsp"/>
                </f:subview>
                <h:form id="form">
                    <h:panelGroup id="grupoExperiencia">
                        <h:commandLink styleClass="tituloCategoria"
                                       action="#{form.cambiaVisibilidad}">
                            <h:outputText value="Críticos (#{gestorExperiencias.tamanyoListas.critico})"/>
                            <f:param name="nombreForm" value="critico"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.critico}" id="critico">
                            <jsp:include page="experiencia/critico.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Hechizos (#{gestorExperiencias.tamanyoListas.hechizo})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="hechizo"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.hechizo}" id="hechizo">
                            <jsp:include page="experiencia/hechizo.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Ideas (#{gestorExperiencias.tamanyoListas.idea})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="idea"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.idea}" id="idea">
                            <jsp:include page="experiencia/idea.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Maniobras (#{gestorExperiencias.tamanyoListas.maniobra})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="maniobra"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.maniobra}" id="maniobra">
                            <jsp:include page="experiencia/maniobra.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Piezas (#{gestorExperiencias.tamanyoListas.pieza})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="pieza"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.pieza}" id="pieza">
                            <jsp:include page="experiencia/pieza.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Viaje (#{gestorExperiencias.tamanyoListas.viaje})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="viaje"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.viaje}" id="viaje">
                            <jsp:include page="experiencia/viaje.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Vida (#{gestorExperiencias.tamanyoListas.vida})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="vida"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.vida}" id="vida">
                            <jsp:include page="experiencia/vida.jsp"/>
                        </f:subview>
                    </h:panelGroup>
                </h:form>
                <h:messages />
            </h:panelGrid>
        </body>
    </html>
</f:view>
